<template>
	<view style="background-color: #FFFFFF;">
		<view style="display: flex;align-items: center;justify-content: space-between;height: 140rpx;padding-top: 20rpx;">
			<view style="margin-left: 40rpx;">
				<view style="font-size: 38rpx;font-weight: bolder;">{{docListInfo.name}}</view>
				<view style="margin-top: 10rpx;font-size: 30rpx;">{{docListInfo.deptName}} | {{docListInfo.title}}</view>
			</view>
			<image :src="docListInfo.photo" style="width: 120rpx;height: 120rpx;border-radius: 50%;margin-right: 40rpx;"></image>
		</view>
		<view style="padding-left: 40rpx;margin-top: 20rpx;">
			<view style="display: flex;align-items: center;height: 60rpx;">
				<image style="height: 80%;"
					mode="heightFix" src="../static/imgs/sc@2x.png">
				</image>
				<view style="margin-left: 20rpx;font-size: 30rpx;">擅长</view>
			</view>
			<view style="width: calc( 100% - 40rpx );margin-top: 20rpx;">
				{{docListInfo.disease}}
			</view>
		</view>
		<view style="padding-left: 40rpx;margin-top: 40rpx;">
			<view style="display: flex;align-items: center;height: 60rpx;">
				<image style="height: 80%;"
					mode="heightFix" src="../static/imgs/jj@2x.png">
				</image>
				<view style="margin-left: 20rpx;font-size: 30rpx;">简介</view>
			</view>
			<view style="width: calc( 100% - 40rpx );margin-top: 20rpx;">
				{{docListInfo.introduce}}
			</view>
		</view>
		<view style="padding-left: 40rpx;margin-top: 40rpx;">
			<view style="display: flex;align-items: center;height: 60rpx;">
				<image style="height: 80%;"
					mode="heightFix" src="../static/imgs/zyrz@2x.png">
				</image>
				<view style="margin-left: 20rpx;font-size: 30rpx;">执业认证</view>
			</view>
			<view style="width: calc( 100% - 40rpx );margin-top: 20rpx;">
				<!-- <view>医生执业证书编号：41354681651651</view> -->
				<view>医生职业范围：内科专业</view>
				<!-- <view style="margin-top: 20rpx;display: flex;align-items: center;justify-content: center;padding-bottom: 20rpx;">
					<image style="width:100%;margin: auto;"
						mode="widthFix" :src="docListInfo.licensePhoto">
					</image>
				</view> -->
			</view>
		</view>
		
		<view style="position: fixed;bottom: 50rpx;right: 50rpx;
		width: 120rpx;height: 120rpx;background: linear-gradient(0deg, #AA8562, rgba(87, 61, 34, 1));
		box-shadow: 0px 0px 22rpx 2rpx rgba(87, 66, 43, 1);border-radius: 50%;
			display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 999;"
			@click="tohome">
			<image src="../../static/images/sy@2x.png" style="width: 50%;" mode="widthFix"></image>
			<view style="color: #FFFFFF;">首页</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				docId:null,
				usrUserId:null,
				docListInfo:null,
				wx: "https://app.mzmzb.com"
			};
		},
		onLoad(option) {
			this.docId=option.docId;
			this.usrUserId=option.usrUserId;
			this.getDocInfo();
		},
		methods: {
			tohome(){
				uni.reLaunch({
					url: '/pages/index/index'
				})
			},
			//获取医生详情
			getDocInfo(){
						this.func.$request('medDocInfo/getDoctorInfoForUser.tz',{id: this.docId},'GET').then(res=>{
							if (res.data.code = '00000') {
								this.docListInfo=res.data.result;
							}
						})
					}
				}
			};
</script>

<style lang="less">
	
</style>
